import {Avatar, Col, Row, Typography} from 'antd'
import React from 'react'

function PlatformBasicInfo() {
    return (
        <>
            <Row>
                <Col span={3}>
                    <Avatar
                        src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
                        size={64}
                    />
                </Col>
                <Col span={7} className="base-info">
          <span>
            用户ID：<span>1001903813331</span>
          </span>
                    <span>
            用户昵称：<span>张三</span>
          </span>
                </Col>
                <Col span={7} className="base-info">
          <span>
            注册渠道：<span>小程序</span>
          </span>
                    <span>
            注册时间：<span>2022-12-11 14:00</span>
          </span>
                </Col>
                <Col span={7} className="base-info">
          <span>
            账户状态：<span>活跃</span>
          </span>
                    <span>
            会员等级：<span style={{color: '#FF0000'}}>黄金</span>
          </span>
                </Col>
            </Row>
            <Typography.Title className="base-info-bg" level={5}>
                基础信息
            </Typography.Title>
            <Row>
                <Col span={7} className="base-info">
          <span>
            真实姓名：<span>张三</span>
          </span>
                    <span style={{marginBottom: 12}}>
            联系方式：<span>18912345678</span>
          </span>
                    <span>
            婚姻：<span>已婚</span>
          </span>
                </Col>
                <Col span={10} className="base-info">
          <span>
            性别：<span>男</span>
          </span>
                    <span style={{marginBottom: 12}}>
            常用地址：<span>北京市海淀区中鼎大厦</span>
          </span>
                    <span>
            邮箱：<span>zhangsan@sina.com</span>
          </span>
                </Col>
                <Col span={7} className="base-info">
          <span>
            生日：<span>1998-12-31</span>
          </span>
                    <span>
            职业：<span>程序员</span>
          </span>
                </Col>
            </Row>
            <Typography.Title className="base-info-bg" level={5}>
                平台属性
            </Typography.Title>
            <Row>
                <Col span={7} className="base-info">
          <span>
            注册日期：<span>2022-11-08 14:00</span>
          </span>
                    <span>
            激活日期：<span>2022-11-11 11:00</span>
          </span>
                </Col>
                <Col span={10} className="base-info">
          <span>
            最近登录时间：<span>2022-11-11 14:00</span>
          </span>
                    <span>
            用户来源：<span>好友邀请</span>
          </span>
                </Col>
            </Row>
        </>
    )
}

export default PlatformBasicInfo
